.cate{
  display: flex;
  justify-content: space-between;
  .navBar{
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    z-index: 100;
    background-color: #f8f4f4;
    .find{
      border-radius: 15PX;
      flex: 1;
      height: 30PX;
      background-color: #ece5e5;
      line-height: 30PX;
      box-sizing: border-box;
      padding: 0 10PX;
      text-align: left;
    }
  }
  .cartBox{
    margin-top: 45PX;
    width: 100%;
    display: flex;
    justify-content: space-between;
    .cateContents{
      flex: 1;
      height: 400PX;

      .cardCate{
        box-sizing: border-box;
        padding: 10PX 10PX;
        width: 100%;
        height: 100PX;
        display: flex;
        justify-content: space-between;
        align-items: center;
        img{
          width: 100PX;
          height: 100%;
        }
        .cardChild{
          flex: 1;
          height: 100%;
          display: flex;
          justify-content: space-between;
          align-items: center;
          .text{
            display: flex;
            flex-direction: column;
            justify-content: space-between;
          }
        }
      }
    }
  }
  
}